<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	request.setAttribute("path", path);
%>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Insert title here</title>
	<link href="${path }/static/bootstrap3.3.5/css/bootstrap.css" type="text/css" rel="stylesheet" />
	<script src="${path }/static/js/jquery-1.11.3.min.js" type="text/javascript"></script>
	<script src="${path }/static/bootstrap3.3.5/js/bootstrap.min.js" type="text/javascript"></script>
	<!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
</head>
<body>
	<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<div class="carousel slide" id="carousel-571216">
				<ol class="carousel-indicators">
					<li class="active" data-slide-to="0" data-target="#carousel-571216">
					</li>
					<li data-slide-to="1" data-target="#carousel-571216">
					</li>
					<li data-slide-to="2" data-target="#carousel-571216">
					</li>
				</ol>
				<div class="carousel-inner">
					<div class="item active">
						<img alt="" src="${path }/static/img/1.jpg" />
						<div class="carousel-caption">
							<h4>
								棒球
							</h4>
							<p>
								棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="${path }/static/img/2.jpg" />
						<div class="carousel-caption">
							<h4>
								冲浪
							</h4>
							<p>
								冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
							</p>
						</div>
					</div>
					<div class="item">
						<img alt="" src="${path }/static/img/3.jpg" />
						<div class="carousel-caption">
							<h4>
								自行车
							</h4>
							<p>
								以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
							</p>
						</div>
					</div>
				</div> <a data-slide="prev" href="#carousel-571216" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-571216" class="right carousel-control">›</a>
			</div>
			<div class="tabbable" id="tabs-426689">
				<ul class="nav nav-tabs">
					<li class="active">
						<a href="#panel-514581" data-toggle="tab">第一部分</a>
					</li>
					<li>
						<a href="#panel-57911" data-toggle="tab">第二部分</a>
					</li>
				</ul>
				<div class="tab-content">
					<div class="tab-pane active" id="panel-514581">
						<p>
							第一部分内容.
						</p>
					</div>
					<div class="tab-pane" id="panel-57911">
						<p>
							第二部分内容.
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>